<%- include('header.html') -%>
    <div class="container mt-4">
        <nav>
            <ol class="breadcrumb bg-white">
                <li class="breadcrumb-item"><a href="/">首页</a></li>
                <li class="breadcrumb-item"><a href="/article/list/<%= article.category_id %>"><%= article.category_name %></a></li>
                <li class="breadcrumb-item active"><%= article.title %></li>
            </ol>
        </nav>
        <div class="card">
            <div class="card-header bg-white">
                <h3 class="card-title m-0"><%= article.title %></h3>
                <p class="text-muted small mt-2 m-0">
                    <span class="mr-3">发表时间：<%= article.time.toLocaleString() %></span>
                    <span class="mr-1">点击：<%= article.hits %></span>
                </p>
            </div>
            <div class="card-body" id="content"><%- article.content %></div>
            <div class="card-footer bg-white border-0">
                <% tabs.forEach(item => {%>
                    <span class="badge badge-pill"><%= item.name %></span>
                <% }) %>
            </div>
        </div>
        <nav>
            <ul class="pagination mt-3">
                <li class="page-item">
                    <% if(preArticle){ %>
                        <a class="page-link" href="/article/detail/<%= preArticle.id %>">上一篇：<%= preArticle.title %></a>
                    <% } else { %>
                        <span class="page-link">上一篇：没有上一篇了</span>
                    <% } %>
                </li>
                <li class="page-item ml-auto">
                    <% if(nextArticle){ %>
                        <a class="page-link" href="/article/detail/<%= nextArticle.id %>">下一篇：<%= nextArticle.title %></a>
                    <% } else { %>
                        <span class="page-link">下一篇：没有下一篇了</span>
                    <% } %>
                </li>
            </ul>
        </nav>
    </div>
    <%- include('footer.html') -%>